<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="css/api.css" />
    <link rel="stylesheet" href="css/aui.css" />
    <link rel="stylesheet" href="css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header class="aui-bar aui-bar-nav" style="background: #fff;">
    <a class="aui-pull-left aui-btn" href="#" style="border-right:1px solid #aeaeae;height: 28px;margin-top: 12px;color: #666;font-size: 0.7rem;">
        区域ⅴ
    </a>
    <div class="aui-title community-name" style="right: 3rem;left: 3rem;">附近捡趴活-商家详情</div>
</header>
<div id="aui-slide3">
    <div class="aui-slide-wrap" >
        <div class="aui-slide-node bg-dark">
            <img src="./image/banner2.jpg" />
        </div>
        <div class="aui-slide-node bg-dark">
            <img src="./image/banner3.jpg" />
        </div>
    </div>
    <div class="aui-slide-page-wrap"><!--分页容器--></div>
</div>
<div class="shop">
    <div class="content">
        <div class="p"><p>星光灿烂KTV店内明黄的灯光，淡淡的光晕投射在紫色淡淡的光晕</p></div>
        <div class="tel">
            <img src="image/tel1.png">
            <p>联系电话：180-0000-0000</p>
        </div>
        <div style="clear: both;"></div>
        <div class="address">
            <img src="image/address.png">
            <p>青羊区青羊大道213号（近金沙博物馆）青羊区青羊大道213号（近金沙博物馆）</p>
        </div>
    </div>
</div>
<div class="xq-head">
    <div class="content"><p>商家详情</p></div>
</div>
<div class="xq-box">
    <div class="content">
        <p>
            营业时间：13:00-次日5:00<br>
            门店服务： 支持WIFI 停车位收费标准：提供数个停车位<br>
            门店介绍：<br>
            星光灿烂KTV店内明黄的灯光，淡淡的光晕投射在紫色的墙壁上，细细流淌的温柔情歌充斥在小小的空间里，这一刻，放松自己陷入不可自拔的回忆 宽敞的棕色包间将您的快乐情绪一网打尽，尊贵的皮椅，舒适的灯光，专业的音响设备，快快抛开你的烦恼，释放激情，做我的K歌之王。<br>
            <img src="image/banner3.jpg">
            <span>活动时间：2017/05/20-2017/05/30</span>
            规则提醒<br>
            同时段内，不可使用多张团购券连续欢唱;<br>
            请会员合理安排入场时间，到点清场;<br>
            谢绝自带酒水、饮料、食品;<br>
            不再与其他优惠同享<br>
        </p>
    </div>
</div>
<div style="width: 100%;height: 3.5rem;background: #eceef3;"></div>
<footer class="aui-bar aui-bar-tab" id="footer">
    <a href="index.html" class="ft-act aui-bar-tab-item aui-active" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">首页</div>
    </a>
    <a href="72.html" class="aui-bar-tab-item" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">72实体店</div>
    </a>
    <a href="contact.html" class="aui-bar-tab-item" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">联系我们</div>
    </a>
</footer>
</body>
<script type="text/javascript" src="script/api.js"></script>
<script type="text/javascript" src="script/aui-slide.js"></script>
<script type="text/javascript" src="script/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    

        
        
        var slide = new auiSlide({
    container:document.getElementById("aui-slide3"), //容器
    // "width":300, //宽度
    "height":180, //高度
    "speed":500, //速度
    "autoPlay": 3000, //自动播放
    "loop":true,//是否循环
    "pageShow":true,//是否显示分页器
    "pageStyle":'line', //分页器样式，分dot,line
    'dotPosition':'center' //当分页器样式为dot时控制分页器位置，left,center,right
})

var ygd = 2;
var index = 0;
     function gundong(){
       
        var gs = $(".hot-box .top .list a").length;
        var cd = gs-2;
        if (index==cd) {
            ygd = 0;index = 0;
        }else{ygd+=2;index+=1;}

        $(".hot-box .top .list").css("margin-top","-"+ygd+"rem");

     }

     setInterval("gundong()", 3000);

    
</script>
</html>